<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <link th:href="@{/assets/dist/css/bootstrap.min.css}" rel="stylesheet">-->
    <link th:href="@{/assets/dist/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="canonical" th:href="@{https://getbootstrap.com/docs/5.2/examples/sign-in/}">
    <link th:href="@{/css/signin.css}" rel="stylesheet">
</head>
<body class="text-center">

<main class="form-signin w-100 m-auto">
    <form th:action="@{/login}" th:method="post">
        <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
        <h1 class="h3 mb-3 fw-normal">Please sign in</h1>

        <div class="form-floating">
            <input type="text" class="form-control" placeholder="1" id="username" name="username">
            <label for="username"></label>
        </div>
        <div class="form-floating">
            <input type="password" class="form-control" placeholder="1" id="password" name="password">
            <label for="password"></label>
        </div>

        <div class="checkbox mb-3">
            <label>
                <input type="checkbox" name="rememberme"> Remember me
            </label>
        </div>
        <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
        <p th:if="${param.error}">错误</p>
        <p class="mt-5 mb-3 text-muted">© 2017–2022</p>
    </form>
</main>

</body>
</html>